<template>
  <div class="footer">
    <div class="logo"></div>
    <div class="company">© 1998-2019 中国石油天然气集团有限公司</div>
    <div class="beian">京公网安备：<span class="l">11040102700168</span> 号</div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.footer{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: dpi(33rem);
  background-color: #05204d;
  .logo{
    width: dpi(13rem);
    height: dpi(3rem);
    background: #000;
    margin-bottom: dpi(6rem);
    background: url('~@/assets/images/logo-w.png') no-repeat center;
    background-size: cover;
  }
  .company, .beian{
    font-family: PingFangSC-Regular;
    font-size: dpi(2rem);
    line-height: dpi(4rem);
    color: #ffffff;
    .l{
      color: #7fcfe2;
    }
  }
}
</style>